﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="https://www.thymeleaf.org/"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="~{layout}">
<head>
</head>
<body>
	<div class="wrapper" layout:fragment="content">

		<!--Breadcrumb Area Start-->
		<div class="breadcrumb-area">
		    <div class="container">
		        <div class="row">
		            <div class="col-12">
		                <div class="breadcrumb-content text-center">
                            <h1 class="breadmome-name">支付订单</h1>
		                    <ul>
		                        <li><a href="/">返回首页</a></li>
		                        <li class="active">支付订单</li>
		                    </ul>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--Breadcrumb Area End-->
	    <!--Checkout Area Strat-->
		<div class="checkout-area mt-80">
		    <div class="container">
		        <div class="row">
		            <div class="col-lg-6 col-12">
		                <form action="/pay" method="post" id="form">
		                    <div class="checkbox-form">
		                        <h3>收货地址</h3>
		                        <div class="row">
		                            <div class="col-md-12">
		                                <div class="country-select clearfix">
		                                    <label>省市<span class="required">*</span></label>
		                                    <select class="wide nice-select" name="address">
                                                  <option value="四川">四川</option>
												  <option value="重庆">重庆</option>
												  <option value="贵州">贵州</option>
                                           </select>
											<input type="hidden" name="orderNo" th:value="${orderNo}">
		                                </div>
		                            </div>
		                        </div>
		                    </div>
		                </form>
		            </div>
		            <div class="col-lg-6 col-12">
		                <div class="your-order">
		                    <h3>支付订单</h3>
		                    <div class="your-order-table table-responsive">
		                        <table class="table">
		                            <thead>
		                                <tr>
		                                    <th class="cart-product-name">产品</th>
		                                    <th class="cart-product-total">价格</th>
		                                </tr>
		                            </thead>
		                            <tbody>
		                                <tr class="cart_item" th:each="addr:${order}">
		                                  <td class="cart-product-name"><samp th:text="${addr.commodityName}">商品名称</samp>
											  <strong class="product-quantity" th:text="'x'+${addr.number}">商品数量</strong></td>
		                                  <td class="cart-product-total"><span class="amount" th:text="'￥'+${addr.orderPrice}">价格</span></td>
		                                </tr>
		                            </tbody>
		                            <tfoot>
		                                <tr class="cart-subtotal">
		                                    <th>购物车小计</th>
		                                    <td><span class="amount" th:text="'￥'+${price}">价格</span></td>
		                                </tr>
		                                <tr class="order-total">
		                                    <th>合计订单</th>
		                                    <td><strong><span class="amount" th:text="'￥'+${price}">价格</span></strong></td>
		                                </tr>
		                            </tfoot>
		                        </table>
		                    </div>
		                    <div class="payment-method">
		                        <div class="payment-accordion">
                                    <div class="order-button-payment">
                                        <input value="支付订单" name="submit" type="submit">
                                    </div>
		                        </div>
		                    </div>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--Checkout Area End-->

	</div>
	<script layout:fragment="script">
		$(function () {
			$("[name=submit]").click(function () {
				$("#form").submit();
			});
		})
	</script>

</body>
</html>
